import { createApp } from 'vue'
import App from './App.vue'
// 初始化 css => 让所有的浏览器默认样式看起来都统一
import 'normalize.css' // 并没有清除 h1 这些标签的默认样式, 所以我们还需要额外处理这些标签的默认样式
import '@/assets/styles/common.less'
// 导入路由对象并注册
import router from '@/router'

// 导入 createPinia 并注册
import { createPinia } from 'pinia'

// 导入 pinia 持久化插件
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

// 导入骨架屏组件
// import XtxSkeleton from '@/components/skeleton/index.vue'

import MyUI from '@/components'

// 创建 app 对象
const app = createApp(App)

// 安装插件
// Vue2: Vue.use()
// Vue3: app.use()
app.use(MyUI)

// 全局注册组件 -> 项目开发中不太建议这样使用
// Vue2: Vue.component('名字', 组件对象)
// Vue3: app.component('名字', 组件对象)
// app.component(XtxSkeleton.name, XtxSkeleton)
app.use(router)
app.use(createPinia().use(piniaPluginPersistedstate))
app.mount('#app')
// createApp(App).use(router).use(createPinia()).mount('#app')


// new Vue({
//   render: h => h(App)
//   render(h) {
//     return h(App)
//   }
// })